Skip to content

Latest commit

 

History

History
104 lines (59 loc) · 6.82 KB

04-Projeto de Interface.md

File metadata and controls

104 lines (59 loc) · 6.82 KB

Projeto de Interface

User Flow

Fluxo de usuário (User Flow) é uma técnica que permite ao desenvolvedor mapear todo fluxo de navegação do usuário na aplicação. Essa técnica funciona para alinhar os caminhos e as possíveis ações que o usuário pode fazer junto com os membros de sua equipe.

image

Protótipo

Página Principal

Esta é a primeira página com que o usuário tem contato, contendo os principais caminhos a serem seguidos, como acesso ao login e visualização dos artigos em destaque na página inicial. Aqui também estão disponíveis as seções "Quem Somos" e "Perguntas Frequentes".

16c7b32d-d1c9-467b-b00b-f521e651def3

Página Quem Somos?

Esta página apresenta a missão, abordagem e responsabilidade social do projeto Vigia Virtual, permitindo ao usuário entender a filosofia do nosso projeto.

22eda353-f24c-4c4f-b884-1f09cbfaadb7

Página de Pesquisa

Nesta página, após uma pesquisa, o usuário pode acessar artigos específicos, como um sobre "phishing", que foi buscado no exemplo do protótipo.

a349400e-6172-4dd4-8905-9d7ccf649cc3

Página de Conteúdo (Phishing se limita a e-mails falsos?)

Nesta página, após uma pesquisa, o usuário pode acessar artigos específicos, como um sobre "phishing", que foi buscado no exemplo do protótipo.

acbde15c-e3f1-4e6b-a535-d7be5de51e6a

Página de Login

Esta página oferece as opções padrão de login convencionais, além da possibilidade de conexão utilizando redes sociais.

e6ffe2b3-749c-4406-b5c9-293464dbec88

Página de Cadastro

Esta é a página padrão para cadastramento, onde o usuário pode inserir informações básicas como nome, email e senha.

4b635a3a-cc96-4edb-a9af-3e58e3b6ca71

Página Inicial (Após fazer o login/cadastro)

Uma vez logado, o usuário tem opções para realizar tutoriais, quizzes e ler artigos disponíveis no sistema.

ab3963bc-00cb-4103-b844-1087cf9b833b

Página Tutorial

Esta página visa ensinar, passo a passo, como solucionar problemas do sistema de forma didática, apresentando o tutorial previamente selecionado pelo usuário, "Proteção contra Malware".

7c4ca6d1-4f76-42de-bd7f-08732e533289

Página Tutorial - Etapa 1

Nesta tela, o usuário pode visualizar uma lista de tutoriais disponíveis, cada um com uma checkbox que pode ser marcada ao ser completado.

2685deab-3996-438c-a4d6-06b4bb1af4e4

Página Lista de Tutoriais

Esta página exibe uma relação completa dos tutoriais disponíveis no sistema. Cada tutorial é listado com um breve passo a passo para resolução do problema.

3d6d7850-c520-43c2-99d6-6f9199505d88

Página Lista de Quizzes

Esta página apresenta uma lista organizada de quizzes, cada um acompanhado de uma descrição curta sobre o tema abordado, os usuários podem ver quais quizzes já foram completados e quais estão pendentes, facilitando a escolha de um quiz para testar seus conhecimentos

66ec911f-165b-4245-b121-81c43dc2fee2

Página Quiz

Similar à lista de tutoriais, aqui se encontra uma lista de quizzes que podem ser realizados para reforçar o aprendizado dos artigos lidos.

83795c36-fbca-4db0-bcfe-d0154a4762d7

Página O que foi feito?

Nesta página de quiz, o usuário pode responder a perguntas com opções de "sim" ou "não".

90df2be2-0054-4336-8770-39eebf9431e0

Página de Perfil

Esta página oferece opções para configuração do perfil, visualização das atividades realizadas, emissão de certificados e saída do sistema.

e331e8ab-6a74-4bb2-b625-ac07b339fa32

Página de Configuração

Aqui, o usuário pode modificar os dados do perfil e alterar a foto.

cfd08951-4995-4869-b813-1662b83aca04

Página Recupere sua senha

Nesta página, o usuário deve inserir o código recebido por email para proceder com a recuperação da senha.

05fe53dd-b485-4c46-9295-0f764276a868

Página Verifique seu email

Na página de redefinição, o usuário escolhe uma nova senha para acessar sua conta.

163a1038-be8b-40be-b6b8-d1f72be162be

Página Redefina sua Senha

Na página de redefinição, o usuário escolhe uma nova senha para acessar sua conta.

53b19b36-0f99-4885-a387-a678010a4f31